<template>
  <div class="texta">
        <ul>
            <li @click="onText">
                <img src="./image/shouye_icon_fuzhiceshi.png" alt="">
                <p>肤质测试</p>
            </li>
            <li @click="$router.push({name:'batch'})">
                <img src="./image/shouye_icon_chapihao.png" alt="">
                <p>查批号</p>
            </li>
            <li @click="$router.push({name:'cosmetics'})">
                <img src="./image/shouye_icon_zhuangpinduibi.png" alt="">
                <p>妆品对比</p>
            </li>
            <li @click="$router.push({name:'welfare'})">
                <img src="./image/shouye_icon_fulishe.png" alt="">
                <p>福利社</p>
            </li>
            <li @click="onRq">
                <img src="./image/shouye_icon_renqibangdan.png" alt="">
                <p>人气榜单</p>
            </li>
        </ul>
  </div>
</template>

<script>
import { CoustomizedAPI } from "../../services/CoustomizedData";
export default {
    methods:{
        onRq(){
            // console.log(111);
            this.$router.push({
                name:"rqlist"
            })
        },
        onText() {
           
                this.$router.push({name:'SkinTest'})
           
                // this.$router.push({name:"skin"})
           
            
        }
    }
}
</script>

<style lang="scss" scoped>
    .texta{
        // margin-top: 90px;
        padding-top: 20px;
        box-sizing: border-box;
    ul{
        display: flex;
        width: 42.5rem;
        height: 5rem;
        margin-left: 3rem;
        margin-top: 1.25rem;
    li{
        width: 130px;
        list-style: none;
        flex: 1;
        text-align: center;
        // border: 1px solid;
            img{
        width: 2.1875rem;
        height: 2.5rem;
        margin-bottom: .625rem;
    }
            p{
                width: 130px;
                font-size: 1.5rem;
                font-family: PingFangSC-Regular-, PingFangSC-Regular;
                font-weight: normal;
                color: #2D2B2B;
                // border: 1px solid red;
                text-align: center;
    }
    }
    }
    }
    
    /* .van-grid{
            flex-wrap: nowrap   ;
        } */
</style>